<script setup>
import { reactive, toRefs, watch } from "vue";
import { SuccessFilled, CircleCloseFilled } from "@element-plus/icons-vue";
const params = reactive({
  dialogVisible: false,
});
const ok = (val) => {
  params.dialogVisible = val;
};
</script>

<template>
  <div>
    <el-button @click="params.dialogVisible = true">dialog</el-button>
    <lw-dialog
      :dialogVisible="params.dialogVisible"
      @close="params.dialogVisible = false"
      @cancel="params.dialogVisible = false"
      @ok="ok"
      :icon-props="SuccessFilled"
      :grid-type="'column'"
      :title="'详情报告'"
    >
      <template #icon>
        <el-icon
          class="dialog-icon"
          :size="40"
          color="#2DC74F"
          style="margin: 0 0 10px 0"
        >
          <SuccessFilled />
        </el-icon>
      </template>
      <template #text> 测试成功！ </template>
    </lw-dialog>
  </div>
</template>

<style scoped></style>
